
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!----font-Awesome----->
   	<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start plugins -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!----Calender -------->
<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>
<script src="js/clndr.js"></script>
<script src="js/site.js"></script>
<!--- start circle --->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/commonfunctions.js"></script>
<script src="js/url.js"></script>
<script src="js/load.js"></script>
<script>
$( document ).ready(function() {
	if(typeof localStorage["user_id"]=='undefined'){
		window.location="index.html";
	}
	getCourse();
	$('#myStat2').circliful();
    });
</script>
 <!-- start price_bar  -->	
<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>


<link rel="stylesheet" href="css/demo.css">
		<link rel="stylesheet" href="css/font-awesome.css">
		<link rel="stylesheet" href="css/sky-forms.css">
		<link rel="stylesheet" href="css/sky-forms-orange.css">
		<!--[if lt IE 9]>
			<link rel="stylesheet" href="css/sky-forms-ie8.css">
		<![endif]-->
        <script src="js/jquery-ui.min.js"></script>
		<!--[if lt IE 10]>
			<script src="js/jquery.placeholder.min.js"></script>
		<![endif]-->		
		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
			<script src="js/sky-forms-ie8.js"></script>
		<![endif]-->
        
</head>
<body>
<div class="main_bg">

		
		

<div class="container">

<div class="main">

		<div class="col-md-12 "> <a href="#"><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a><div style="position:absolute; top:47px; right:90px;"><button type="button" onclick="logoutFunction()" class="btn btn-danger btn-outline btn-sm">Logout</button></div> </div> 
        <!-- Header  -->
        

		<div class="h_menu">
		<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
		<nav>
		<ul class="menu list-unstyled">
			<li class="color2"><a href="#">ABOUT</a></li>
			<li class="color3"><a href="#" onclick="menuActive(0)" >Technology Games</a></li>
			<li class="color4 active"><a onclick="menuActive(0)"  >Courses</a></li>
			<li class="color5"><a href="javascript:void(0)" onclick="menuActive(2)" >Hot Jobs</a></li>
			<li class="color2"><a href="menu.html" onclick="menuActive(3)" >Interview Questions </a></li>
            <li class="color1"><a href="javascript:void(0)" onclick="ContactformFunction(1)" >Contact</a></li>
		</ul>
		</nav>
		<script src="js/menu.js" type="text/javascript"></script>
		</div>
    
    <div class="col-md-12"><!-- start span1_of_3 style2 -->
			<div class="grid2_of_1">
					
                    <div class="body">			
		
			<!-- Orange color scheme -->
			<form action="" class="sky-form">
				<header>Course</header>
				
				
				
				<fieldset>
					<section>
						<label class="label">Select a Course</label>
						<label class="select">
							<select id="technology" name="technology" onchange="ChangeCourseDetailes()" >
							</select><span id="technologyError" name="technologyError" style="color:red"></span> 
							<i></i>
						</label>
					</section>
					
				</fieldset>
				
				<fieldset>
				  <section>
				    <label class="label">Course Details </label>
						<label class="textarea textarea-resizable">
							<p id="displayContent1" style="display:none;"><img src="images/hadoop.jpg" width="300" height="131"><br><br> Hadoop is an open-source software framework for storage and large-scale processing of data-sets on clusters of commodity hardware. Hadoop is an Apache top-level project being built and used by a global community of contributors and users.  Its modules include Hadoop common, Hadoop DFS, Hadoop Yarn, Hadoop MapReduce.</p>
							<p id="displayContent2" style="display:none;"><img src="images/hadoop.jpg" width="300" height="131"><br><br> Hadoop is an open-source software framework for storage and large-scale processing of data-sets on clusters of commodity hardware. Hadoop is an Apache top-level project being built and used by a global community of contributors and users.  Its modules include Hadoop common, Hadoop DFS, Hadoop Yarn, Hadoop MapReduce.</p>
							<p id="displayContent3" style="display:none;"><img src="images/hadoop.jpg" width="300" height="131"><br><br> Hadoop is an open-source software framework for storage and large-scale processing of data-sets on clusters of commodity hardware. Hadoop is an Apache top-level project being built and used by a global community of contributors and users.  Its modules include Hadoop common, Hadoop DFS, Hadoop Yarn, Hadoop MapReduce.</p>
							<p id="displayContent4" style="display:none;"><img src="images/hadoop.jpg" width="300" height="131"><br><br> Hadoop is an open-source software framework for storage and large-scale processing of data-sets on clusters of commodity hardware. Hadoop is an Apache top-level project being built and used by a global community of contributors and users.  Its modules include Hadoop common, Hadoop DFS, Hadoop Yarn, Hadoop MapReduce.</p>
							<center><span id="tecloader"></span><center>
						</label>
				  </section>
				</fieldset>
				
			
            <footer>
					<button type="button" class="button">Apply Now</button>
					<button type="button" class="button button-secondary" onclick="aboutcourse.html">Back</button>
				</footer>
			</form>
				
				
			<!--/ Orange color scheme -->			
		</div>
		</div>
			
			
		</div>   <!-- end span1_of_2 -->	
    
    
    
	<div class="clearfix"></div>
	<div class="copy">
		<p class="link"><span>&#169;All rights reserved |  by&nbsp;<a href="#"> Virtual Traning Pedia</a></span></p>
	</div>
</div>
</div>
</div>        
</body>
</html>